<template>
    <div>
        <a-row>
      <a-col @click="clickRedirect(i.id,i.name)" v-for="i in flowconfList" :span="6" :key="i.id">
        <button style="font-size: 24px;color: white ;display: inline-block;width: 80%;height: 180%;background-color: black;margin: 20px">
          {{ i.name }}</button>
      </a-col>

    </a-row>
    </div>
</template>    

<script>
import axios from 'axios'
export default {
    data() {
        return {
          flowconfList:[],
        }
    },
    methods: {
      clickRedirect(id,name){
        this.$router.push('/DynamicForm?id='+id+'&name='+name)
      }
    },
    created() {
      axios.get('http://127.0.0.1:8000/work/flowconf/').then(res=>{
        console.log("1234567")
        this.flowconfList=res.data
      })
    }
}
</script>

<style scoped>

</style>
